// 逻辑分析
/*
1判断是否登录（获取cookie）
    +如果没有登录直接登陆
    +如果是从其他页面跳转过来登录页面 登登录成功后跳回之前页面
    +如果直接打开，登录成功时跳转到首页

    2获取元素
        +获取输入框内容
    3发送登录的请求
    4登录失败的时候-继续登录
    5登录成功 --跳转到对应的页面

    
 */
// console.log(1);
let login = getCookie('login');
// console.log(login);
// 如果有登录，跳转到首页
if (login) {
    location.href = '../index.html';
}

// 没有登录的情况下继续登录

let form = document.querySelector('form');
let username = form.querySelector('#username');
let password = form.querySelector('#password');

// console.log(password);
form.onsubmit = function () {
    let e = window.event;
    e.preventDefault();
    // console.log(1)

    if (!(username.value && password.value)) {
        alert('请输入用户名和密码');
        return
    }

    // 发送ajax请求
    pAjax({
        url: '../api/login.php',
        type: 'post',
        data: {
            username: username.value,
            password: password.value
        }
    }).then(res => {
        res = JSON.parse(res);
        if(!res.code){
            alert('用户名或者密码错误，请重新输入');
            username.value = password.value='';
            return
        }
       
        // console.log(res);
        setCookie('login', username.value);
        //  跳转页面
        let url = localStorage.getItem('url');
        // 当获取地址结束后需要把本地储存删除
        // console.log(url)
        localStorage.removeItem('url');
        url ? location.href = url : location.href = '../index.html';
        
    })
}